<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
<!--    <div id="back"></div>-->
    <!-- built files will be auto injected -->
    <script>
//        SPA可以帮助我们在不刷新页面的前提下动态改变浏览器地址栏中的URL地址，动态修改页面上所显示资源
//        SPA的优点
//        1。速度快，第一次下载完成静态文件，跳转不需要再次下载静态文件
//        2. 体验好，整个交互趋于无缝，更倾向于原生应用
//        3. 为前后端分离提供了实践场所

    // 状态管理工具
    // 设计理念：一个类似object的全局数据结构，被称之为store
    //         只能通过调用特定的方法，完成数据的修改
    // 每一个vuex 应用的核心就是store（仓库）。store基本上就是一个容器，它包含应用中大部分的状态（state）

    // Vuex和单纯的全局对象有什么区别
    // Vuex的状态存储是响应式的，当Vue组件从store中读取状态的时候，如果store中的状态发生改变，那么相应的组件也会得到高效的更新
    // 你不能直接更改store中的状态，改变store中的状态唯一的途径就是显式的提交（commit）mutation。这样使得我们可以更好的跟踪每一个状态的变化
    </script>
  </body>
</html>
